<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <link rel="stylesheet" type="text/css" href="css/amazeui.min.css">
  <script src="js/jquery.js"></script>
  <script src="js/amazeui.js"></script>
  <title>出国金融专家</title>
  <style>
  *{
    margin:0;
    padding:0;
    font-size: 25px;
  }
  #expert-body{
    margin: 0 auto;
    max-width: 640px;
  }
  .expert-menu-img{
    width:30%;
  }
  .expert-bottom-img{
    display: block;
    float: left;
    width:25%;
  }
  #expert-red{
    background-color: #a82935;
    color: #fff;
  }
  #expert-grey{
    background-color: grey;
    color: #fff;
  }
  </style>
</head>
<body>
  <div id="expert-body" class="sm">

    <div id="expert-head">
        <img src="img/expert-head.png">       
    </div>
    <div id="expert-red">中国银行镇江分行</div>
    <div id="expert-grey">出国金融中心 
    <a href="#"><input id="expert-button" class="am-btn am-btn-danger am-round am-fr" type="button" value="工作人员登录"></a>
    </div>

    <div id="expert-menu">
      <div id="expert-menu-top">
        <span class="expert-menu"><a href="zhuanjia.html"><img class="expert-menu-img" src="img/expert-menu1.png"></a></span>
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu2.png"></a></span>
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu3.png"></a></span>
      </div>
      <div id="expert-menu-mid">
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu4.png"></a></span>
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu5.png"></a></span>
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu6.png"></a></span>
      </div>
      <div id="expert-menu-bottom">
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu7.png"></a></span>
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu8.png"></a></span>
        <span class="expert-menu"><a href="#"><img class="expert-menu-img" src="img/expert-menu9.png"></a></span>
      </div>
    </div>

    <div id="expert-bottom">
      <a href="index.html"><img class="expert-bottom-img" src="img/index-bottom1.png"></a> 
      <a href="#"><img class="expert-bottom-img" src="img/index-bottom2.png"></a>    
      <a href="haitao.html"><img class="expert-bottom-img" src="img/index-bottom3.png"></a>    
      <a href="zhuce.html"><img class="expert-bottom-img" src="img/index-bottom4.png"></a>         
    </div>

  </div>  
</body>
</html>